<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<link rel="stylesheet" href="/css/bootstrap.min.css">  
   <script src="/js/jquery.min.js"></script>
   <script src="/js/bootstrap.min.js"></script>
<body>
<div align="center" class="list table">
<br><br><br><br>
<table border="1" >
<tr>
<td width="10%">111</td>
<td width="10%">222</td>
<td width="10%">333</td>
</tr>
<tr>
<td>111<div id="hed" hidden="true"><input type="text" value="111"> </div> </td>
<td>222<div id="hed" hidden="true"><input type="text" value="222"> </div></td>
<td>333<div id="hed" hidden="true"><input type="text" value="333"> </div></td>
</tr>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
</tr>
</table>
<input type="button" id="show"  value="测试">
</div>
</body>
<script type="text/javascript">
$("#hide").click(function(){
	  $("p").hide();
	});

	$("#show").click(function(){
	  $("hed").show();
	});

</script>
















</html>